<template>
  <nav-bar class="home-nav">
    <div slot="center">购物车</div>
  </nav-bar>

</template>

<script>
import NavBar from 'components/common/navbar/NavBar'
import {getHomeMultiData} from '../../api/home'
export default {
  name: "Home",
  components: {
    NavBar
  },
  data(){
    return {
      banners: [],
      recommonds: []
    }
  },
  created(){
    this.getData()
  },
  methods: {
    getData(){
      getHomeMultiData().then(res =>{
        console.log(res)
        this.banners = res.data.banner
        this.recommends = res.data.recommend
      })
    }
  }
}
</script>

<style scoped>
.home-nav {
  /* background-color: var(--color-tint); */
  background-color:skyblue;
  color: #fff;
}
</style>
